<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>
    <style>
        /* 移动相对定位元素，但它原本所占的空间不会改变。 */
        h2.pos_top {
            position: relative;
            top: -50px;
        }

        /* 相对定位元素经常被用来作为绝对定位元素的容器块。 */
    </style>
</head>

<body>
    <h2>这是一个没有定位的标题</h2>
    <h2 class="pos_top">这个标题是根据其正常位置向上移动</h2>
    <p><b>注意:</b> 即使相对定位元素的内容是移动,预留空间的元素仍保存在正常流动。</p>
</body>

</html>